<template>
   <div id="home">
      个人中心|<button @click="discover">发现</button>
      <ul>
        <li>{{name}}</li>
        <li>{{reverse}}</li>
        <li>{{num}}</li>
      </ul>
      <button @click="INCREASE('打个ji')">+</button>
      <button @click="DECREASE">-</button>
   </div>
</template>

<script>
import { mapState, mapGetters ,mapMutations} from 'vuex';
export default {
     methods:{
        discover(){
            this.$router.push("/discover")
        },
        ...mapMutations(["INCREASE","DECREASE"]),
     },
     computed:{
        ...mapState(["name","num"]),
        ...mapGetters(["reverse"])
     }
}
</script>

<style>

</style>